<div id="form_leave">
	<div class="pc-nav form-nav">
		<button @click="back(-1)"><i class="icon iconfont">&#xe62b;</i></button>
		<span>来访客户接待需求</span>
	</div>
	<ul class="approval-form-wrap">
		<li>
			<em class="left"></em>
			<i class="right" style="color: #CCCCCC;">
				<p>预约车辆接送（若不需要，则不填）</p>
			</i>
		</li>
		<li>
			<em class="left"><span style="color: red;">*</span>接待地点</em>
			<i class="right">
				<select class="" v-model="submitJson.component[0].value">
					<option value="" >请选择（必填）</option>
					<option value="北京" >北京</option>
					<option value="杭州" >杭州</option>
				</select>
			</i>
		</li>
		<li v-if="subFlag && /^\s*$/g.test(submitJson.component[0].value)">
				<em class="left"></em>
				<i class="right">
					<p style="color: red;" data-false='true'>接待地点不能为空</p>
				</i>
		</li>
	</ul>
	<form-repeat class="approval-form-repeat approval-form-wrap" v-on:getrepeat="repeatFn" title="1、接客车辆需求" btntext="增加车辆" init='[{"name":"车型选择","value":""}]'>
		 <template slot-scope="props">
			<li>
				<em class="left">车型选择</em>
				<i class="right">
					<select class="" v-model="props.o[0].value">
						<option selected="" value="" >请选择</option>
						<option selected="" value="5人座轿车" >5人座轿车</option>
						<option value="5人座豪华轿车" >5人座豪华轿车</option>
						<option value="7人座商务轿车" >7人座商务轿车</option>
					</select>
				</i>
			</li>
		</template>
	</form-repeat>	
	<ul class="approval-form-wrap">
		<li>
			<em class="left">接送时间</em>
			<i class="right">
				<input type="text" v-model="submitJson.component[1].value" name="" id="" value="" />
				<!--<vue-datepicker-locv-model="submitJson.component[0].val alue" ></vue-datepicker-local>-->
			</i>
		</li>
		<li>
			<em class="left">接送地点</em>
			<i class="right">
				<input type="text" v-model="submitJson.component[2].value" name="" id="" value="" />
			</i>
		</li>
		<li>
			<em class="left">客人姓名</em>
			<i class="right">
				<input type="text" v-model="submitJson.component[3].value" name="" id="" value="" />
			</i>
		</li>
		<li>
			<em class="left">联系方式</em>
			<i class="right">
				<input type="text" v-model="submitJson.component[4].value" name="" id="" value="" />
			</i>
		</li>
		<li>
			<em class="left"></em>
			<i class="right" style="color: #CCCCCC;">
				<p>2、欢迎词（若不需要，则不填）</p>
			</i>
		</li>
		<li>
			<em class="left">欢迎词位置</em>
			<i class="right v-select">
				 <v-select :on-change="typeFnA"  placeholder="请选择..." multiple  :options="['19楼前台','瑞达大厦1楼lED']"     ></v-select>
			</i>
		</li>
		<li>
			<em class="left">播放时间</em>
			<i class="right">
				 <input type="text" v-model="submitJson.component[6].value"  />
			</i>
		</li>
		<li>
			<em class="left">客户最高职位、名称</em>
			<i class="right">
				 <input type="text" v-model="submitJson.component[7].value"  />
			</i>
		</li>
		<li>
			<em class="left">公司名称</em>
			<i class="right">
				 <input type="text" v-model="submitJson.component[8].value"  />
			</i>
		</li>
		<li>
			<em class="left"></em>
			<i class="right" style="color: #CCCCCC;">
				 <p>3、会议室预约需求（若不需要，则不填）</p>
			</i>
		</li>
		<li>
			<em class="left">参会人数</em>
			<i class="right">
				 <input type="text" v-model="submitJson.component[9].value"  />
			</i>
		</li>
		<li>
			<em class="left">会议时间</em>
			<i class="right">
				 <input type="text" v-model="submitJson.component[10].value"  />
			</i>
		</li>
	</ul>
	<form-repeat class="approval-form-repeat approval-form-wrap" v-on:getrepeat="repeatFnB" title="4、参会人员台牌" btntext="增加明细" init='[{"name":"参会人员名称","value":""},{"name":"参会人员职务","value":""}]'>
		 <template slot-scope="props">
			<li>
				<em class="left">参会人员名称</em>
				<i class="right">
					<input type="text" v-model="props.o[0].value" />
				</i>
			</li>
			<li>
				<em class="left">参会人员职务</em>
				<i class="right">
					<input type="text" v-model="props.o[1].value" />
				</i>
			</li>
		</template>
	</form-repeat>		
	<ul class="approval-form-wrap">
		<li>
			<em class="left">5、会议室路线指引</em>
			<i class="right">
				<select v-model="submitJson.component[11].value">
					<option value="">请选择</option>
					<option value="是" >是</option>
					<option value="否">否</option>
				</select>
			</i>
		</li>
		<li>
			<em class="left">6、会议设备需求</em>
			<i class="right">
			    <v-select :on-change="typeFnB"  placeholder="请选择..." multiple  :options="['演示电脑','投影仪','激光笔','录音笔','苹果转接头']"     ></v-select>
			</i>
		</li>
		<li>
			<em class="left"></em>
			<i class="right" style="color: #CCCCCC;">
			    <p>7、茶水、果盘需求（若不需要，则不填）</p>
			</i>
		</li>
	</ul>
	<form-repeat class="approval-form-repeat approval-form-wrap" v-on:getrepeat="repeatFnC" title="茶水、果盘明细" btntext="增加明细" init='[{"name":"茶水、果盘","value":""},{"name":"数量","value":""}]'>
		 <template slot-scope="props">
			<li>
				<em class="left">茶水、果盘</em>
				<i class="right">
					<select v-model="props.o[0].value">
						<option value="" >请选择</option>
						<option value="矿泉水" >矿泉水</option>
						<option value="茶" >茶</option>
						<option value="速溶咖啡">速溶咖啡</option>
						<option value="星巴克" >星巴克</option>
						<option value="水果拼盘" >水果拼盘</option>
						<option value="其他" >其他</option>
					</select>
				</i>
			</li>
			<li>
				<em class="left">数量</em>
				<i class="right">
					<input type="number"  v-model="props.o[1].value" />
				</i>
			</li>
		</template>
	</form-repeat>	
	<ul class="approval-form-wrap">
		<li>
			<em class="left"></em>
			<i class="right" style="color: #CCCCCC;">
				总数量:{{ num }}
			</i>
		</li>
		<li>
			<em class="left"></em>
			<i class="right" style="color: #CCCCCC;">
				参观（若不需要，则不填）
			</i>
		</li>
		<li>
			<em class="left">8、是否需要参观公司</em>
			<i class="right">
				<select v-model="submitJson.component[13].value">
					<option value="" >请选择</option>
					<option selected="" value="是" >是</option>
					<option value="否" >否</option>
				</select>
			</i>
		</li>
		<li>
			<em class="left">9、行政下楼接待客人</em>
			<i class="right" >
				<select v-model="submitJson.component[14].value">
					<option value="" >请选择</option>
					<option selected="" value="是" >是</option>
					<option value="否" >否</option>
				</select>
			</i>
		</li>
		<li>
			<em class="left">10、摄像需求</em>
			<i class="right" >
				<select v-model="submitJson.component[15].value">
					<option  value="" >请选择</option>
					<option value="接待全程拍摄" >接待全程拍摄</option>
					<option value="会议拍摄" >会议拍摄</option>
					<option value="不需要" >不需要</option>
				</select>
			</i>
		</li>
		<li>
			<em class="left"></em>
			<i class="right" style="color: #CCCCCC;">
				11、餐饮招待需求（若不需要，则不填）
			</i>
		</li>
		<li>
			<em class="left">用餐人数</em>
			<i class="right" >
				<input type="text" v-model="submitJson.component[16].value" />
			</i>
		</li>
		<li>
			<em class="left">用餐时间</em>
			<i class="right" >
				<input type="text" v-model="submitJson.component[17].value" />
			</i>
		</li>
		<li>
			<em class="left">用餐地点</em>
			<i class="right" >
				<input type="text" v-model="submitJson.component[18].value" />
			</i>
		</li>
		<li>
			<em class="left">特殊需求</em>
			<i class="right" >
				<input type="text" v-model="submitJson.component[19].value" />
			</i>
		</li>
		<li>
			<em class="left"></em>
			<i class="right" style="color: #CCCCCC;">
				12、酒店需求（若不需要，则不填）
			</i>
		</li>
		<li>
			<em class="left">房间数</em>
			<i class="right" >
				<input type="text" v-model="submitJson.component[20].value" />
			</i>
		</li>
		<li>
			<em class="left">酒店名称</em>
			<i class="right" >
				<input type="text" v-model="submitJson.component[21].value" />
			</i>
		</li>
		<li>
			<em class="left">特殊要求</em>
			<i class="right" >
				<input type="text" v-model="submitJson.component[22].value" />
			</i>
		</li>
		<li>
			<em class="left"></em>
			<i class="right" style="color: #CCCCCC;">
				<p>欢送客人（若不需要，则不填）</p>
			</i>
		</li>
		<li>
			<em class="left">13、行政人事欢送下楼</em>
			<i class="right" >
				<input type="text" v-model="submitJson.component[23].value" />
			</i>
		</li>
		<li>
			<em class="left"></em>
			<i class="right" style="color: #CCCCCC;">
				<p>预约欢送车辆需求（若不需要则不填）</p>
			</i>
		</li>
	</ul>
	<form-repeat class="approval-form-repeat approval-form-wrap" v-on:getrepeat="repeatFnD" title="送客车辆需求" btntext="增加车辆" init='[{"name":"车型选择","value":""}]'>
		 <template slot-scope="props">
			<li>
				<em class="left">车型选择</em>
				<i class="right">
					<select class="" v-model="props.o[0].value">
						<option selected="" value="" >请选择</option>
						<option selected="" value="5人座轿车" >5人座轿车</option>
						<option value="5人座豪华轿车" >5人座豪华轿车</option>
						<option value="7人座商务轿车" >7人座商务轿车</option>
					</select>
				</i>
			</li>
		</template>
	</form-repeat>	
	<ul class="approval-form-wrap">
		<li>
			<em class="left">送客时间</em>
			<i class="right" >
				<input type="text" v-model="submitJson.component[24].value" />
			</i>
		</li>
		<li>
			<em class="left">送客地点</em>
			<i class="right" >
				<input type="text" v-model="submitJson.component[25].value" />
			</i>
		</li>
		<li>
			<em class="left">离开客人姓名</em>
			<i class="right" >
				<input type="text" v-model="submitJson.component[26].value" />
			</i>
		</li>
		<li>
			<em class="left">客人联系方式</em>
			<i class="right" >
				<input type="text" v-model="submitJson.component[27].value" />
			</i>
		</li>
		<li>
			<em class="left"></em>
			<i class="right" style="color: #CCCCCC;">
				<p>备注：1、请提前24小时告知行政部；</p>
				<p>2 准备接待及会议产生的费用由发起人部门承担。</p>
			</i>
		</li>
		<li>
			<em class="left">审批人</em>
			<i class="right">
				<dingding_users  v-on:getdingdinguser="getApproveUsers" message="approve" :approve_list="approve_list" :cc_list="cc_list" ></dingding_users>
			</i>
		</li>
		<li>
			<em class="left">抄送人</em>
			<i class="right">
				  <dingding_users v-on:getdingdinguser="getCopyUsers" :approve_list="approve_list" :cc_list="cc_list" message="cc"></dingding_users>
			</i>
		</li>
		<li>
			<em class="left"></em>
			<i class="right">
				  <span v-if="subFlag"></span>
				 <button class="submit-foot" @click="submitFn">提交</button>
			</i>
		</li>
	</ul>
		
</div>


